<!DOCTYPE html>
<html>
@include('Home.public.include')
<body>
       @include('Home.public.head')
 
        <div class="hmenu">
                <div class="hmenu1">全部商品</div>
                <ul>
                    @foreach($category as $val)
                        <li><a href="/home/goodslist/{{$val->id}}">{{ $val->cate_name }}</a></li>
                    @endforeach
                    <!-- cate -->
                </ul>
        </div> 
 
 
        <!--主体开始-->
         
            <!--首页大图及菜单栏-->
            <div class="body2">
                <div class="none"></div>
                <!--菜单栏-->
                <div class="lmenu">
                    <div class="menu">
                        <div class="menu1"><a href="">手机</a></div>
                        <ul>
                            <a href=""><li>荣耀</li></a>
                            <a href=""><li>荣耀畅玩</li></a>
                            <a href=""><li>华为mata/P系列</li></a>
                        </ul>
                    </div>
                    <div class="menu">
                        <div class="menu1"><a href="">平板&穿戴</a></div>
                        <ul>
                            <a href=""><li>平板电脑</li></a>
                            <a href=""><li>手环</li></a>
                            <a href=""><li>手表</li></a>
                        </ul>
                    </div>
                    <div class="menu">
                        <div class="menu1"><a href="">笔记本电脑</a></div>
                        <ul>
                            <a href=""><li>扩展坞</li></a>
                            <a href=""><li>MateBook</li></a>
                            <a href=""><li>触控板</li></a>
                        </ul>
                    </div>
                    <div class="menu">
                        <div class="menu1"><a href="">智能家居</a></div>
                        <ul>
                            <a href=""><li>子母路由</li></a>
                            <a href=""><li>电视盒子</li></a>
                            <a href=""><li>路由器</li></a>
                        </ul>
                    </div>
                    <div class="menu">
                        <div class="menu1"><a href="">专属配件</a></div>
                        <ul>
                            <a href=""><li>保护盒</li></a>
                            <a href=""><li>保护套</li></a>
                            <a href=""><li>贴膜</li></a>
                        </ul>
                    </div>
                    <div class="menu">
                        <div class="menu1"><a href="">通用配件</a></div>
                        <ul>
                            <a href=""><li>耳机</li></a>
                            <a href=""><li>音箱</li></a>
                            <a href=""><li>移动电源</li></a>
                        </ul>
                    </div>
                    <div class="menu">
                        <div class="menu1"><a href="">应用市场</a></div>
                        <ul>
                            <a href=""><li>手机游戏</li></a>
                            <a href=""><li>手机应用</li></a>
                            <a href=""><li>路由器</li></a>
                        </ul>
                    </div>
                </div>
                <!--大图-->
                <div class="bigimage"><a href=""><img src="{{asset('Home/index/index/20151126224931331.jpg')}}"></a></div>
            </div>
            <!--商品列表-->
            <div class="list">
                <div class="listdiv_1">
                    <!--商品盒子-->
                    <div class="list_1">
                        <div class="list_1left"><a href=""><img src="{{asset('Home/index/index/1473156497655.png')}}"></a></div>
                        <div class="list_1right">
                            <div class="list_1text1"><a href="">荣耀8</a></div>
                            <ul class="list_1text2">
                                    <li class="list_1wz1">双镜头/双2.5D玻璃</li>
                                    <li class="list_1wz2">购机送TPU保护壳</li>
                            </ul>
                            <div class="list_1text3">
                                <div class="list_1price1">￥ 2299</div>
                                <a href=""><div class="list_1buy">立即抢购</div></a>
                            </div>
                        </div>
                    </div>
                    <div class="list_1_2">
                        <div class="list_1left"><a href=""><img src="{{asset('Home/index/index/1472737046506.png')}}"></a></div>
                        <div class="list_1right">
                            <div class="list_1text1"><a href="">HUAWEI P9 Plus</a></div>
                            <ul class="list_1text2">
                                    <li class="list_1wz1">华为|徕卡 联合设计</li>
                                    <li class="list_1wz2">128GB版享压感体验</li>
                            </ul>
                            <div class="list_1text3">
                                <div class="list_1price1">￥ 4388</div>
                                <a href=""><div class="list_1buy">立即抢购</div></a>
                            </div>
                        </div>
                    </div>
                    <div class="list_2"><a href=""><img src="{{asset('Home/index/index/20160906204441412.jpg')}}"></a></div>
                </div>
                <div class="listdiv_1">
                    <div class="list_1_3">
                        <div class="list_1left"><a href=""><img src="{{asset('Home/index/index/1472088627506.png')}}"></a></div>
                        <div class="list_1right">
                            <div class="list_1text1"><a href="">荣耀NOTE8</a></div>
                            <ul class="list_1text2">
                                    <li class="list_1wz1">大屏手机 就要2K</li>
                                    <li class="list_1wz2">1元开通3个月视频会员</li>
                            </ul>
                            <div class="list_1text3">
                                <div class="list_1price1">￥ 2499</div>
                                <a href=""><div class="list_1buy">立即抢购</div></a>
                            </div>
                        </div>
                    </div>
                    <div class="list_1_4">
                        <div class="list_1left"><a href=""><img src="{{asset('Home/index/index/1471309036768.png')}}"></a></div>
                        <div class="list_1right">
                            <div class="list_1text1"><a href="">荣耀V8</a></div>
                            <ul class="list_1text2">
                                    <li class="list_1wz1">双镜头 长续航 5.7英寸屏</li>
                                    <li class="list_1wz2">现货放量抢</li>
                            </ul>
                            <div class="list_1text3">
                                <div class="list_1price1">￥ 2299</div>
                                <a href=""><div class="list_1buy">立即抢购</div></a>
                            </div>
                        </div>
                    </div>
                    <div class="list_3">
                        <div class="list_4"><span>华为手机商城</span><br /><span>华为荣耀6</span><br /><span>华为mate7</span><br /><span>华为平板</span><br /><span>华为运动手表</span><br /></div>
                        <div class="list_5"><img src="{{asset('Home/index/index/20160809111618978.jpg')}}"></div>
                    </div>
                </div>
            </div>
            <!--主体中间广告-->
            <div class="middlead"><img src="{{asset('Home/index/index/20160819183459232.jpg')}}"></div>
            <!--手机菜单-->
            <div class="phonemnue">
                <div class="shulan"></div>
                <div class="phone"><a href="">手机</a></div>
                <div class="phonetext">华为精品手机</div>
                <ul class="phonetext1">
                    <li><a href="">荣耀</a></li>
                    <li><a href="">荣耀畅玩</a></li>
                    <li><a href="">华为mata/p系列</a></li>
                    <li><a href="">华为G/Y系列</a></li>
                    <li><a href="">运营商合约</a></li>
                </ul>
            </div>
            <!--phone列表页-->
            <div class="phonelist">
                <div class="bphonelist">
                    <div class="bphonelist_1left"><a href=""><img src="{{asset('Home/index/index/1471309036768.png')}}"></a></div>
                        <div class="bphonelist_1right">
                            <div class="bphonelist_1text1"><a href="">荣耀V8</a></div>
                            <ul class="bphonelist_1text2">
                                    <li class="bphonelist_1wz1">双镜头 长续航 5.7英寸屏</li>
                                    <li class="bphonelist_1wz2">现货放量抢</li>
                            </ul>
                            <div class="bphonelist_1text3">
                                <div class="bphonelist_1price1">￥ 2299</div>
                                <a href=""><div class="bphonelist_1buy">立即抢购</div></a>
                            </div>
                        </div>
                </div>


            </div>
 
             
 
            <div class="middlead"><img src="{{asset('Home/index/index/20160530195653686.jpg')}}"></div>
            <div></div>
        </div>
        <!--尾部-->
        @include('Home.public.foot')
    </body>
</html>
<script>
    layui.use(['layer'],function(){
        $ = layui.jquery;
        getmore();
        function getmore(){
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url:"/home/ajaxGetmore",
                type:'get',
                success:function(data){
                    var html = '';
                    var obj = data.info;
                    for(var i=0; i< obj.length;i++){
                        html += "<div class='sphonelist'>";
                        html += "<div class='sphonelist_1'><a href=''><img src=''></a></div>";
                        html += "<div class='sphonelist_2'><a href=''>"+obj[i].goods_name+"</a></div>";
                        html += "<div class='sphonelist_3'>￥ "+obj[i].goods_price+"</div>";
                        html += "</div>";
                    }
                    $('.phonelist').append(html);
                }
            });
        }
    });
</script>